<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>图书管理系统</title>
    <link rel="stylesheet" href="/css/normalize.css">
    <link rel="stylesheet" href="/css/reset.css">
    <style>
        .title-h1 {
            text-align: center;
            font-size: 30px;
            font-weight: bolder;
            margin: 25px;
        }

        .title-form {
            height: 200px;
            width: 400px;
            margin: 0 auto;
        }

        .title-form  input {
            display: block;
            height: 40px;
            width: 300px;
            margin: 10px auto;
        }

        .title-form  input:hover {

        }

        .title-form  button {
            width: 310px;
            height: 30px;
            display: block;
            margin: 10px auto;
        }

        .error-text {
            display: block;
            color: #f40;
            width: 310px;
            margin: 0 auto;
        }

        .re-text {
            width: 150px;
            margin: 0 auto;
            padding-left: 150px;
        }
    </style>
</head>
<body>
    <h1 class="title-h1">用户登录</h1>
    <form action="/user/login" method="post" class="title-form">
        <input type="text" name="username" placeholder="用户名">
        <input type="password" name="password" placeholder="密码">
        <div><button type="submit">登录</button></div>
        <span class="error-text" th:text="${lmsg}"></span>
    </form>
    <div class="re-text"><a href="/register">没有账号，去注册</a></div>
</body>
</html>